<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>nav</title>
    <style>
      .nav{
          height: 60px;

      }
        td{
        height: 100px;


        }
    </style>
    <script>
        function plumberlist(){
            var str='<iframe src="jishu.html" style="width:100%;height:100%"></iframe>';
            $("#rightContent").html(str);
        }
    </script>
    <script src="jquery.min.js"></script>
</head>
<body>
<div>
    <div class="nav" style="background-color: #219aff"><h1 align="center">湖北省公路网综合评价系统</h1></div>
    <div style="width: 100%;height:540px; ">
    <div clss="le" style=" background-color: #219aff; margin-left: 0px; width: 10%;height:540px;float: left;">
       <table align="center">
           <tr><td><a onclick="plumberlist()">技术评价</a></td></tr>
           <tr><td>经济评价</td></tr>
           <tr><td>社会环境评价</td></tr>
           <tr><td>综合评价</td></tr>

       </table>
    </div>
    <div style="width:90%;height:540px;float: right;" id="rightContent">
        <iframe src="jishu.html" style="width:100%;height:100%">

        </iframe>


    </div>
    </div>
</div>
</body>
</html>